<template>
  <div style="padding: 0 20%;">
    <p>{{ input }}</p>
    <vw-input suffix-icon="vw-icon-date" clearable v-model="input"></vw-input>

    <vw-input prefix-icon="vw-icon-search" clearable v-model="input"></vw-input>

    <vw-input type="textarea" v-model="input"></vw-input>
  </div>
</template>

<script>
  export default {
    name: 'Input',
    methods: {},
    data() {
      return {
        input: ''
      }
    }
  }
</script>

<style></style>
